<html>
  <head>
    <link rel="stylesheet" href="stylesheets/test.css">
  </head>
  <body>
    <div class="b-text-center">Congratulations! Now this text has been aligned both horizontal center and vertical center running on cross browser!</div>
    <div class="cs-border-radius" style="padding: 30px; background-color: red; color: #fff; margin-bottom: 32px;">The border radius is working on cross browsers</div>
    <div class="cs-border-top-left-radius" style="padding: 30px; background-color: blue; color: #fff; margin-bottom: 32px;">The border top-left radius is working on cross browsers</div>
    <div class="cs-border-top-right-radius" style="padding: 30px; background-color: green; color: #fff; margin-bottom: 32px">The border top-right radius is working on cross browsers</div>
    <div class="cs-border-bottom-left-radius" style="padding: 30px; background-color: orange; color: #fff; margin-bottom: 32px;">The border bottom-left radius is working on cross browsers</div>
    <div class="cs-border-bottom-right-radius" style="padding: 30px; background-color: indigo; color: #fff; margin-bottom: 32px;">The border bottom-right radius is working on cross browsers</div>
  </body>
  <script type="text/javascript" src="js/cross-style.js"></script>
</html>
